<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ERP|基本数据</title>
    <link rel="shortcut icon" href="/images/favicon/favicon_32.ico" />
    <link rel="stylesheet" href="../../style/css/common.css">
    <link rel="stylesheet" href="../../style/css/formsame.css">
    <link rel="stylesheet" href="../../style/css/base.css">
</head>
<body>
<div class="nav-bar clearfix">
    <div class="brand fl">
        <a href="../">进销存管理系统</a>
    </div>
    <div class="buttons fr">
        <div class="user-button"></div>
    </div>
</div>

<div class="contain clearfix">
    <!--  左栏  -->
    <div class="left-contain fl">
        <div class="model base-menu">
            <ul>
                <li class="select">商品</li>
                <li>客户</li>
                <li>供应商</li>
                <li>部门</li>
                <li>职位</li>
                <li>员工</li>
                <li>单位</li>
                <li>公司信息</li>
            </ul>
        </div>
    </div>
    <!--  右栏  -->
    <div class="right-contain fr">
        <div class="model show">
            <div class="title">商品</div>
            <div class="show-body">
                <div class="table-show product-view"></div>
                <div class="buttons">
                    <button class="change-page chl"><</button>
                    <button class="change-page chr">></button>
                    <button class="add-product">添加</button>
                    <button class="upd-product">修改</button>
                    <button class="del-product">删除</button>
                </div>
            </div>
        </div>

        <div class="model hide">
            <div class="title">客户</div>
            <div class="show-body">
                <div class="table-show customer-view"></div>
                <div class="buttons">
                    <button class="change-page chl"><</button>
                    <button class="change-page chr">></button>
                    <button class="add-customer">添加</button>
                    <button class="upd-customer">修改</button>
                    <button class="del-customer">删除</button>
                </div>
            </div>
        </div>
        <div class="model hide">
            <div class="title">供应商</div>
            <div class="show-body">
                <div class="table-show supplier-view"></div>
                <div class="buttons">
                    <button class="change-page chl"><</button>
                    <button class="change-page chr">></button>
                    <button class="add-supplier">添加</button>
                    <button class="upd-supplier">修改</button>
                    <button class="del-supplier">删除</button>
                </div>
            </div>
        </div>
        <div class="model hide">
            <div class="title">部门</div>
            <div class="show-body">
                <div class="table-show department-view"></div>
                <div class="buttons">
                    <button class="change-page chl"><</button>
                    <button class="change-page chr">></button>
                    <button class="add-department">添加</button>
                    <button class="upd-department">修改</button>
                    <button class="del-department">删除</button>
                </div>
            </div>
        </div>
        <div class="model hide">
            <div class="title">职位</div>
            <div class="show-body">
                <div class="table-show position-view"></div>
                <div class="buttons">
                    <button class="change-page chl"><</button>
                    <button class="change-page chr">></button>
                    <button class="add-position">添加</button>
                    <button class="upd-position">修改</button>
                    <button class="del-position">删除</button>
                </div>
            </div>
        </div>
        <div class="model hide">
            <div class="title">员工</div>
            <div class="show-body">
                <div class="table-show employee-view"></div>
                <div class="buttons">
                    <button class="change-page chl"><</button>
                    <button class="change-page chr">></button>
                    <button class="add-employee">添加</button>
                    <button class="upd-employee">修改</button>
                    <button class="del-employee">删除</button>
                </div>
            </div>
        </div>
        <div class="model hide">
            <div class="title">单位</div>
            <div class="show-body">
                <div class="table-show units-view"></div>
                <div class="buttons">
                    <button class="change-page chl"><</button>
                    <button class="change-page chr">></button>
                    <button class="add-units">添加</button>
                    <button class="upd-units">修改</button>
                    <button class="del-units">删除</button>
                </div>
            </div>
        </div>
        <div class="model hide">
            <div class="title">公司信息</div>
            <div class="show-body">
                <div class="table-show company-view"></div>
                <div class="buttons">
                    <button class="upd-company">修改</button>
                </div>
            </div>
        </div>
    </div>
    <!--  form area  -->
    <div class="form-area">
        <div class="model form-box product hide">
            <div class="clearfix">
                <div class="fl">
                    <label for="product-number">编号</label>
                    <input type="number" id="product-number" placeholder="编号" name="productNo"/>
                    <label for="product-brand">品牌</label>
                    <input type="text" id="product-brand" placeholder="品牌" name="brand"/>
                    <label for="product-type">纸种</label>
                    <input type="text" id="product-type" placeholder="纸种" name="type"/>
                    <label for="product-gWeight">克重</label>
                    <input type="number" id="product-gWeight" placeholder="克重" name="gWeight"/>
                    <label for="product-standard">规格</label>
                    <input type="text" id="product-standard" placeholder="规格" name="standard"/>
                </div>
                <div class="fr">
                    <label for="product-level">级别</label>
                    <input type="text" id="product-level" placeholder="级别" name="level"/>
                    <label for="product-unit">单位</label>
                    <input type="text" id="product-unit" placeholder="单位" name="unit"/>
                    <label for="product-cost">成本价格</label>
                    <input type="number" id="product-cost" placeholder="成本价格" name="cost"/>
                    <label for="product-price">单价</label>
                    <input type="number" id="product-price" placeholder="单价" name="price"/>
                </div>
            </div>
            <button type="submit" class="product-submit">提交</button>
        </div>
        <div class="model form-box init hide">
            <label for="max-number">最大库存</label>
            <input type="number" id="max-number" placeholder="最大库存" name="maxNum">
            <label for="safety-number">安全库存</label>
            <input type="number" id="safety-number" placeholder="安全库存" name="safetyNum">
            <label for="total-number">总数</label>
            <input type="number" id="total-number" placeholder="总数" name="totalNum">
            <label for="total-piece-number">块数</label>
            <input type="number" id="total-piece-number" placeholder="块数" name="totalPieceNum">
            <button class="init-submit">提交</button>
        </div>
        <div class="model form-box customer hide">
            <label for="customer-number">客户编号</label>
            <input class="i150" id="customer-number" placeholder="客户编号" type="text" name="customerNo"/>
            <label for="customer-address">公司地址</label>
            <input class="i150" id="customer-address" placeholder="公司地址" type="text" name="address"/>
            <label for="customer-name">公司名称</label>
            <input class="i150" id="customer-name" placeholder="公司名称" type="text" name="name"/>
            <label for="customer-phone">联系电话</label>
            <input class="i150" id="customer-phone" placeholder="联系电话" type="tel" name="phone"/>
            <button class="customer-submit">提交</button>
        </div>
         <div class="model form-box supplier hide">
             <label for="supplier-number">供应商编号</label>
             <input type="text" id="supplier-number" placeholder="供应商编号" name="supplierNo"/>
            <label for="supplier-name">公司名称</label>
            <input type="text" id="supplier-name" placeholder="公司名称" name="name"/>
            <label for="supplier-address">公司地址</label>
            <input type="text" id="supplier-address" placeholder="公司地址" name="address"/>
            <label for="supplier-phone">联系电话</label>
            <input type="tel" id="supplier-phone" placeholder="联系电话" name="phone"/>
            <button class="supplier-submit">提交</button>
        </div>
        <div class="model form-box department hide">
            <label for="department-number">部门编号</label>
            <input type="text" id="department-number" placeholder="部门编号" class="i150" name="departmentNo">
            <label for="department-name">部门名称</label>
            <input type="text" id="department-name" placeholder="部门名称" class="i150" name="name">
            <button class="department-submit">提交</button>
        </div>
        <div class="model form-box position hide">
            <label for="position-number">职位编号</label>
            <input type="text" id="position-number" placeholder="职位编号" name="positionNo"/>
            <label for="position-brand">职位名称</label>
            <input type="text" id="position-brand" placeholder="职位名称" name="name"/>
            <button class="position-submit">提交</button>
        </div>
        <div class="model form-box employee hide">
            <label for="employee-number">雇员编号</label>
            <input type="text" id="employee-number" placeholder="雇员编号" name="employeeNo"/>
            <label for="employee-name">雇员名称</label>
            <input type="text" id="employee-name" placeholder="雇员名称" name="name"/>
            <label for="employee-phone">联系方式</label>
            <input type="tel" id="employee-phone" placeholder="联系方式" name="phone"/>
            <label for="employee-address">地址</label>
            <input type="text" id="employee-address" placeholder="地址" name="address"/>
            <label for="employee-positionNO">职位编号</label>
            <input type="number" id="employee-positionNO" list="positions-list" placeholder="职位编号" name="positionNo"/>
            <label for="employee-departmentNo">部门编号</label>
            <input type="number" id="employee-departmentNo" list="departments-list" placeholder="部门编号" name="departmentNo"/>
            <button class="employee-submit">提交</button>
        </div>
        <div class="model form-box company hide">
            <label for="company-No">公司编号</label>
            <input type="text" id="company-No" placeholder="公司编号"/>
            <label for="company-name">公司名称</label>
            <input type="text" id="company-name" placeholder="公司名称"/>
            <label for="company-address">公司地址</label>
            <input type="text" id="company-address" placeholder="公司地址"/>
            <label for="company-phone">联系电话</label>
            <input type="text" id="company-phone" placeholder="联系电话"/>
            <button class="company-submit">提交</button>
        </div>
        <div class="model form-box units hide">
            <label for="units-number">单位编号</label>
            <input type="text" id="units-number" placeholder="单位编号" name="unitNo"/>
            <label for="units-name">单位名称</label>
            <input type="text" id="units-name" placeholder="单位名称" name="name"/>
            <button class="units-submit">提交</button>
        </div>
    </div>
</div>
</body>
<script src="../../style/js/jquery-3.4.1.min.js"></script>
<script src="../../style/js/common.js"></script>
<script src="../../style/js/alert.js"></script>
<script src="../../style/js/formsame.js"></script>
<script src="../../style/js/base.js"></script>
</html>